﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ContactNew.aspx.cs" Inherits="Main_Contact_ContactNew" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript">
        function closeWindow() {
            window.close();
        }
    </script>
    <style type="text/css">
    #Header
    {
        margin:0; padding:0;
        height:75px;
        width:1000px;
        color:Red;
        border-bottom:solid 1px black;
    }
    #Header h1
    {
        font-family:Arial;
        font-size:20px;
        font-weight:normal;
        padding-left:20px;
        padding-top:12px;
        background-color:white;
    }
    #Body
    {
        margin:0; padding:0;
        margin-top:20px;
        height:500px;
        width:1000px;
        padding-top:30px;
        border-top:solid 1px black;
        border-bottom:solid 1px black;
        font-family:Arial;
        font-size:12px;
        font-weight:normal;   
        background-color:#87ceeb;
    }
    #Body table.addInfo
    {
        margin:0; padding:0;
        margin-top:20px;
    }
    #Body table.contactInfo
    {
        margin:0; padding:0;
        margin-top:20px;
    }
    #Footer
    {
        padding:0;
        height:20px;
        font-family:Arial;
        font-size:12px;
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
        }
    .Buttons
    {
        font-family:Arial;
        font-size:12px;
            height: 25px;
        }
    .TextBox
        {
            background-color:#ffe4b5;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="Header">
        <h1><asp:Label runat="server" ID="lblNewContact">Create New Contact</asp:Label></h1>

       <a href ="#" onclick="javascript:closeWindow();"><h4 style="text-align:right; font-size:14px; color:black; background-color:white">back</h4></a>
    </div>
    <div id="Body">
        <table border="0" cellpadding="0" cellspacing="0" width="1000px" class="nameInfo">
            <tr style="height:30px;">
                <td style="width:129px;"></td>
                <td>First</td>
                <td>Middle</td>
                <td>Last</td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Name</td>
                <td style="width:200px;">
                    <asp:TextBox ID="txtFname" runat="server" CssClass="TextBox" Width="200px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valRequiredFname" runat="server" ControlToValidate="txtFname" 
                    ErrorMessage="* You must enter a value into First Name" Display="Dynamic">*</asp:RequiredFieldValidator>
                </td>
                <td style="width:200px;">
                    <asp:TextBox ID="txtMname" runat="server" CssClass="TextBox" Width="200px"></asp:TextBox>
                </td>
                <td style="width:200px;">
                    <asp:TextBox ID="txtLname" runat="server" CssClass="TextBox" Width="200px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valRequiredLname" runat="server" ControlToValidate="txtLname" 
                    ErrorMessage="* You must enter a value into Last Name" Display="Dynamic">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Company Name</td>
                <td colspan="3">
                    <asp:TextBox ID="txtCompanyName" runat="server" CssClass="TextBox" Width="700px"></asp:TextBox>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Job Title</td>
                <td colspan="3">
                    <asp:TextBox ID="txtJobTitle" runat="server" CssClass="TextBox" Width="700px"> </asp:TextBox>
                </td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" width="1000px" class="addInfo">
            <tr style="height:30px;">
                <td style="width:155px;"></td>
                <td>Address Information</td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Street</td>
                <td>
                    <asp:TextBox ID="txtStreet" runat="server" CssClass="TextBox" Width="700px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valRequiredStreet" runat="server" ControlToValidate="txtStreet" 
                    ErrorMessage="* You must enter a value to Street" Display="Dynamic">*</asp:RequiredFieldValidator>  
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">City</td>
                <td>
                    <asp:TextBox ID="txtCity" runat="server" CssClass="TextBox" Width="500px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valRequiredCity" runat="server" ControlToValidate="txtCity" 
                    ErrorMessage="* You must enter value to City" Display="Dynamic">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">State/Province</td>
                <td>
                    <asp:TextBox ID="txtProvince" runat="server" CssClass="TextBox" Width="500px"></asp:TextBox>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Zip/Postal Code</td>
                <td>
                    <asp:TextBox ID="txtZipCode" runat="server" CssClass="TextBox" Width="500px"></asp:TextBox>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Country/Region</td>
                <td>
                    <asp:TextBox ID="txtCountry" runat="server" CssClass="TextBox" Width="500px"></asp:TextBox>
                </td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" width="1000px" class="contactInfo">
            <tr style="height:30px;">
                <td style="width:155px;"></td>
                <td>Phone Numbers</td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Home Phone</td>
                <td>
                    <asp:TextBox ID="txtHomePhone" runat="server" CssClass="TextBox" Width="250px"></asp:TextBox>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Work Phone</td>
                <td>
                    <asp:TextBox ID="txtWorkPhone" runat="server" CssClass="TextBox" Width="250px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valueRequiredWorkPhone" runat="server" ControlToValidate="txtWorkPhone" 
                    ErrorMessage="* You must enter a value to Work Phone" Display="Dynamic">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">Mobile</td>
                <td>
                    <asp:TextBox ID="txtMobile" runat="server" CssClass="TextBox" Width="250px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valueRequiredMobile" runat="server" ControlToValidate="txtMobile" 
                    ErrorMessage="* You must enter a value to Mobile" Display="Dynamic">*</asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr style="height:25px;">
                <td style="text-align:right; padding-right:5px;">E-Mail</td>
                <td>
                    <asp:TextBox ID="txtEmail" runat="server" CssClass="TextBox" Width="250px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valueRequiredEmail" runat="server" ControlToValidate="txtEmail" 
                    ErrorMessage="* You must enter a value to Email" Display="Dynamic">*</asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="valRegExEmail" runat="server" ControlToValidate="txtEmail" 
                    ValidationExpression=".*@.*\..*" ErrorMessage="* Your entry is not a valid e-mail address" Display="Dynamic">*</asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr style="height:25px;">
                <td colspan="3" style="padding:10px 0px 0px 10px;">&nbsp;
                    <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                        DisplayMode="SingleParagraph" />
                </td>
            </tr>
        </table>
    </div>
    <div id="Footer">
        <table border="0" cellpadding="0" cellspacing="0" style="padding:5px 0px 0px 0px">
            <tr>
                <td style="padding-left:20px;">
                    <asp:Button ID="btnAddContact" runat="server" Text="Create Contact" 
                    onclick="btnAddContact_Click" CssClass="Buttons" />
                    <asp:Button ID="btnEditContact" runat="server" Text="Edit Contact" 
                    CssClass="Buttons" onclick="btnEditContact_Click" />
                </td>
                <td style="padding-left:5px;">
                    <asp:Button ID="btnAddContactNew" runat="server" 
                        Text="Create Contact and Add Another" CssClass="Buttons" 
                        onclick="btnAddContactNew_Click" />
                </td>
            </tr>
        </table>
        
    </div>
    </form>
</body>
</html>
